// 函数式使用组件，单独引入样式
@import '@nutui/nutui/dist/packages/toast';

:root {
  // nut-tag 的变量
  --nut-tag-font-size: 20px;
  --nut-tag-height: 36px;
  // nut-tabs 的变量
  --nut-tabs-horizontal-titles-height: 100px;
  --nut-tabs-titles-item-font-size: 32px;
  // nut-searchbar 的变量
  --nut-searchbar-input-border-radius: 8px;
  --nut-searchbar-input-background: rgba(0, 0, 0, 0.05);
  // nut-elevator 的变量
  --nut-elevator-list-item-name-height: 112px;
  --nut-elevator-list-item-code-font-size: 28px;
  --nut-elevator-list-item-font-size: 32px;
  --nut-elevator-list-item-code-padding: 0 0 0 36px;
  --nut-elevator-list-item-name-padding: var(--nut-elevator-list-item-code-padding);
  --nut-elevator-list-item-highcolor: var(--nut-elevator-list-item-font-color, #333333);
  --nut-elevator-list-item-bars-inner-item-padding: 1px;
  --nut-elevator-list-item-bars-padding: 10px 0;

  --nut-input-font-size: var(--font-size); // 输入框字体大小
  --nut-cell-desc-font: var(--font-size);
  --nut-textarea-font: var(--font-size);
  --nut-form-item-label-font-size: var(--font-size); // 表单标题字体大小
  --nut-form-item-body-font-size: var(--font-size); // 表单字体大小
  --nut-primary-color: var(--primary-color); // 主题色
  --nut-button-primary-background-color: var(--primary-color); // primary按钮背景色
  --nut-button-border-radius: var(--border-radius); // 按钮圆角
  --nut-cell-title-font: var(--font-size); // 单元格字体大小
  --nut-cell-line-height: 44px; // 单元格行高
  --nut-cell-padding: 28px 31px; // 单元格padding
  --nut-cell-after-border-bottom: 2px solid var(--border-color); // 单元格下边框颜色
  --nut-infiniteloading-bottom-color: rgba(0, 0, 0, 0.45); // 无限滚动底部提示颜色
  --nut-badge-background-color: rgba(245, 47, 62, 1); // 数字角标背景色
  --nut-button-default-color: --font-color; // 默认按钮字体颜色
  --nut-button-default-height: 88px;
  --nut-button-default-line-height: 88px;
  --nut-button-default-font-size:  32px; // 按钮字体大小

  // nut-inputnumber 的变量
  --nut-inputnumber-height: 44px;
  --nut-inputnumber-line-height: 44px;

  // 表单label宽度
  --nut-form-item-label-width: 250px;
}